<!--万能表单模块-->
<template>
  <div class="lock-screen">
    <div class="lock-screen-wrapper">
      <div class="lock-screen-logo">
        <a href="#"><b>Sea</b>Admin</a>
      </div>

      <img class="img-circle lock-screen-image" src="/static/img/head_02.png" alt="header"/>

      <div class="lock-screen-name">Mr.css</div>

      <!-- START LOCK SCREEN ITEM -->
      <div class="lock-screen-item">
        <el-input size="small" placeholder="Enter password">
          <el-button slot="append" icon="fa fa-arrow-right"></el-button>
        </el-input>
      </div>
      <!-- /.lock-screen-item -->
      <div class="help-block">
        Enter your password to retrieve your session
      </div>
      <div class="help-block">
        <a href="#">Or sign in as a different user</a>
      </div>
      <div class="lock-screen-footer text-center">
        Copyright &copy; <b><a href="https://gitee.com/seaboot/web">Mr.css</a></b> All rights reserved
      </div>
    </div>
  </div>
</template>

<script>

/**
 * 锁屏页面
 */
export default {
    components: {}
}
</script>

<style scoped>
/*
* Pagination: Lock Screen
* -----------------
*/
.lock-screen {
    padding-top: 128px;
    text-align: center;
}

.lock-screen-wrapper {
    background: #d2d6de;
    margin: 0 auto;
    text-align: center;
}
.lock-screen-logo a {
    color: #444;
    text-decoration:none
}

.lock-screen-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 36px;
    font-weight: 300;
}

/* User image */
.lock-screen-image {
    background-color: #FFFFFF;
    border: 2px solid gray
}

/* User name [optional] */
.lock-screen-name {
    text-align: center;
    font-weight: 600;
}

/* Will contain the image and the sign in form */
.lock-screen-item {
    border-radius: 4px;
    padding: 0;
    background: #fff;
    position: relative;
    margin: 10px auto 30px auto;
    width: 290px;
}

/* Contains the password input and the login button */
.lock-screen-footer {
    font-size: 12px;
    margin-top: 10px;
    padding-bottom: 26px;
}

.help-block {
    font-size: 12px;
}
</style>
